<?php
//Popular Guides Navigation for Homepage Only
echo $this->Html->script(array('jquery.easing.1.3'), false);
echo $this->Html->script(array('jquery.mousewheel'), false);
echo $this->Html->script(array('jquery.gridnav'), false);
echo $this->Html->script('placeholder', false);
?>
<script type="text/javascript">
$(function() {
	$('#tj_container').gridnav({
		rows    : 2,
		navL    : '#tj_prev',
		navR    : '#tj_next',

		type	: {
			mode		: 'sequpdown', 	// use def | fade | seqfade | updown | sequpdown | showhide | disperse | rows
			speed		: 300,			// for fade, seqfade, updown, sequpdown, showhide, disperse, rows
			easing		: '',			// for fade, seqfade, updown, sequpdown, showhide, disperse, rows	
			factor		: 50,			// for seqfade, sequpdown, rows
			reverse		: false			// for sequpdown
		}
	});
});
</script>
<h4 class="clearfix">Popular Guides</h4>
<div id="tj_container" class="tj_container"> <a href="#" id="tj_prev" class="ir">Previous</a> <a href="#" id="tj_next" class="ir">Next</a>
  <div class="tj_wrapper">
    <ul class="tj_gallery">
      <!-- BEGIN ROW -->
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <!-- END ROW -->
      <!-- BEGIN ROW -->
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <!-- END ROW -->
      <!-- BEGIN ROW -->
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <!-- END ROW -->
      <!-- BEGIN ROW -->
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <li> <a href="#"><?php echo $this->Html->image('/images/popular_guides_image.jpg', array('alt'=> __('Facebook', true), 'border' => '0', 'width' => '140', 'height' => '140')); ?>
        <h6>A trip to Europe</h6>
        Lorem ipsum dolor sit ing elit.amet ultricies.</a> </li>
      <!-- END ROW -->
    </ul>
  </div>
</div>